<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>请假记录</title>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/leave.css">
</head>
<body>
    <!-- 请假记录 -->
    <div class="daily">
        <div class="header">
            <span><i></i>请假记录</span>
            <!-- 搜索 -->
            <aside>
                <input type="search" name="" id="sel" placeholder="请输入姓名"><button onclick="seleqing()">搜索</button>
            </aside>
            <p>
                2024年3月<img src="images/日常 出差 人员添加 出差日期图标.png" alt="">
                  <!-- 判断是否是教师登录如果是则显示申请出差之类的 -->
                <i style="cursor: pointer;margin-left: 5px; font-style: normal; color:#0F6AB1;" onclick="addopen()">申请</i>
            </p>
        </div>
        <div class="banner">
            <table border="0">

                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>标识</th>
                        <th>请假事由</th>
                        <th>开始时间</th>
                        <th>结束时间</th>
                        <th>请假时长</th>
                        <th>请假状态</th>
                    </tr>
                </thead>
                <tbody id="pageListTableBody">
                </tbody>
            </table>
            <div id="pages">
                <span id="spanFirst">首页</span>
                <span id="spanPre">上一页</span>
                <span id="spanNext">下一页</span>
                <span id="spanLast">尾页</span>
                <!-- 创建盒子存放第几页和总共几页 -->
                第<strong id="spanPageNum"></strong>页/共<strong id="spanTotalPage"></strong>页
            </div>

            <!-- 添加请假记录 -->
            <div class="addopen">
                <div>
                    <b>请假申请</b>
                    <form>
                        <p>姓名: <input type="text" class="namea"><br>
                         标识: <input type="text" name="" id="bs"><br>
                            请假事由: <input type="text" class="shi"><br>
                        </p>
                        <p>
                           开始时间: <input type="date" class="setdate"><br>
                           请假多久: <input type="text" class="date"><br>
                        </p>
                    </form>
                    <span>
                        <button onclick="addqing()">确认</button>
                        <button onclick="offadd()">取消</button>
                    </span>
                </div>
        </div>
      
    </div>
    <script src="js/leave.js"></script>
</body>
</html>